<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事业单位招考</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        body{
            padding:0;
            margin:0;
            width:100%;
            height:100%;
            background: #fff;
        }
        .mui-table-view:after{
            height:0;
        }
        .mui-table-view-cell:after{
            height:0;
        }
        .header{
            background: #2a2c33;
        }
        body{
            min-height:100vh;
            background: #f4f4f4;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-table-view-chevron .mui-table-view-cell {
            padding-right: 5%;
        }
        li div{
            font-size:15px;
            margin-bottom:2%;
            color: #333;
        }
        li p{
            color:#999;
            font-size:13px;
        }
        ul li:nth-of-type(even){
            background: #f4f4f4;
        }
        .mui-table-view{
            margin-top:-5px;
        }
        .main img{
            width:100%;
        }
        .main{
        	padding-top:44px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">事业单位招考</h1>
</header>
<div class='main'>
    <img src="../../images/icon/executive_housekeeper/SYDW.jpg" alt="">
	<ul class="mui-table-view mui-table-view-chevron" id='load_list'>
    <!--新闻列表-->

    <!--<li class="mui-table-view-cell" id="in1">
        <div class="list_right" id="institution">
            2017年常州市溧阳市规划局校园招聘人才公告
        </div>
        <p class="clear" style='text-align:right'>
            2017-01-03
        </p>
    </li>
    <li class="mui-table-view-cell"  id="in2">
        <div class="list_right"  id="institution2">
            2017年常州市溧阳市教育系统招聘中小学教师简章
        </div>
        <p class="clear" style='text-align:right'>
            2016-12-05
        </p>
    </li>
    <li class="mui-table-view-cell"  id="in3">
        <div class="list_right"  id="institution3">
            2017年常州市溧阳市教育系统招聘高层次人才公告
        </div>
        <p class="clear" style='text-align:right'>
            2017-11-24
        </p>
    </li>-->
</ul>
</div>

<script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
<script src="../../plugins/mui/mui.min.js"></script>
<script src="../../js/fontset.js"></script>
<script src="../../js/md5.js"></script>
<script src="../../js/getApiToken.js" type="text/javascript" charset="utf-8"></script>
<script>
    mui.init({
//	  pullRefresh : {
//	    container:".main",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
//	    up : {
//	      height:50,//可选.默认50.触发上拉加载拖动距离
//	      auto:false,//可选,默认false.自动上拉加载一次
//	      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
//	      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
//	      callback :function(){
//              myAjax('', 'get', {
//
//              }, function(data) {
//                  updateTime=data.update_time;
//                  if(data.success){
//                      if(data.data.length<3){
//                          mui('#main').pullRefresh().endPullupToRefresh(true);
//                      }else{
//                          mui('#main').pullRefresh().endPullupToRefresh(false);
//                      }
//
//                      for(var i=0;i<data.data.length;i++){
//                          var text=add(data.data.id,data.data.title,data.data.time);
//                          $('#load_list').append(text);
//                      }
//                      //背景色
//                      var bg=$('li:last-child').css('background-color');
//                      if($('body').css('background-color')==bg){
//                          if($('body').css('background-color')=='rgb(244, 244, 244)'){
//                              $('body').css('background-color','#fff');
//                          }else{
//                              $('body').css('background-color','#f4f4f4');
//                          }
//                      };
//                  }else{
//                      mui.toast(data.error_msg);
//                  }
//              })
//	      } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
//	    }
//	  }
	});
    //添加到dom树
//    function add(id,title,time) {
//        return '<li class="mui-table-view-cell" id="'+id+'">'+
//                '<div class="list_right">'+
//                     title
//                    +'</div>'
//                    + '<p class="clear" style="text-align:right">'+time+  + '</p>'+
//                '</li>';
//    }
    mui.plusReady(function(){
    	//数据交互
    	myAjax(
            'home/recruit/getGovernment','get',{},
           	function(data){
                console.log(JSON.stringify(data));
                if(data.success){
                  	for(var i in data){
                  		if(data[i]!=true){
                  			var html='';
                  			html+=
                  			'<li class="mui-table-view-cell"  id="'+data[i].id+'">'+
					            '<div class="list_right">'+data[i].title+'</div>'+
					            '<p class="clear" style="text-align:right">'+data[i].time+'</p>'+
					        '</li>';
						    $("#load_list").append(html);


                  		}	
                  	}
                  	//背景色
				    var bg=$('li:last-child').css('background-color');
				    if($('body').css('background-color')==bg){
				        if($('body').css('background-color')=='rgb(244, 244, 244)'){
				            $('body').css('background-color','#fff');
				        }else{
				            $('body').css('background-color','#f4f4f4');
				        }
				    };
			                  	
                }
            }
      	);
    	//页面跳转链接
	    mui('ul').on('tap','li',function(e){
	        var href=$(this).find("div").attr("id");
	        var detail_id=$(this).attr('id');
	        mui.openWindow({
	            url:'insititution_detail.html',//'溧阳黄页页面链接'
	            id:'insititution_detail',
	            extras:{
	                "detail_id":detail_id,
	            },
	            show:{
	                autoShow:true,//页面loaded事件发生后自动显示，默认为true
	            },
	            waiting:{
	                autoShow:true,//自动显示等待框，默认为true
	                title:'加载中...',//等待对话框上显示的提示内容
	            }
	        })
	
	    });
    	
    })
</script>
</body>
</html>